// 动态传入三个主题色
@mixin fontColor($color1, $color2, $color3) {
  [data-theme="theme1"] & {
    color:$color1;
  }
  [data-theme="theme2"] & {
    color:$color2;
  }
  [data-theme="theme3"] & {
    color:$color3;
  }
}
// 使用预先设定好的变量作为主题色
@mixin fontColorEx() {
  [data-theme="theme1"] & {
    color:$font-color-theme1;
  }
  [data-theme="theme2"] & {
    color:$font-color-theme2;
  }
  [data-theme="theme3"] & {
    color:$font-color-theme3;
  }
}
// 背景色
@mixin backgroundColor($color1, $color2, $color3){
  [data-theme="theme1"] & {
    background-color:$color1;
  }
  [data-theme="theme2"] & {
    background-color:$color2;
  }
  [data-theme="theme3"] & {
    background-color:$color3;
  }
}
// 背景图片
@mixin backgroundImage($imagePath) {
  [data-theme="theme1"] & {
    background-image:url('#{$STATICPATH}/images/theme1/#{$imagePath}');
  }
  [data-theme="theme2"] & {
    background-image:url('#{$STATICPATH}/images/theme2/#{$imagePath}');
  }
  [data-theme="theme3"] & {
    background-image:url('#{$STATICPATH}/images/theme3/#{$imagePath}');
  }
}

// 或者你觉得上面的单独写 太麻烦了，也可以使用插值属性，一次支持所有需要分发的内容。
@mixin customArrtibute($attributeName, $color1, $color2, $color3) {
  [data-theme="theme1"] & {
    #{$attributeName}:$color1;
  }
  [data-theme="theme2"] & {
    #{$attributeName}:$color2;
  }
  [data-theme="theme3"] & {
    #{$attributeName}:$color3;
  }
}